import styled from "styled-components";
import { px2rem } from "@/assets/global-style";
export const Wrapper=styled.div`
    width: 100%;
    height: ${px2rem(60)};
    position: fixed;
    bottom: 0;
    padding: ${px2rem(8)} 0;
    background-color: white;
    a{
        color: gray;
    }
    .footer_tabs_wrapper{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .footer_tab_wrapper{
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            .footer_tab_icon{
                font-size: ${px2rem(28)};
            }
            .footer_tab_title{
                font-size: ${px2rem(16)};
            }
        }
        .active{
            color: purple;
            font-weight: bold;
        }
    }

`